<template>
  <div>
    <h1>{{msg}}</h1>
    <h2>学生姓名: {{name}}</h2>
    <h2>学生性别: {{sex}}</h2>
    <h2>学生年龄: {{myAge}}</h2>  
    <button @click="myAge ++">点我年龄加 1</button>
  </div>
</template>

<script>
  export default {
    name:'Student',
    data() {
      return {
        msg:'我是南昌大学的一名学生',
        myAge:this.age
        // name:'张三',
        // age:18,
        // sex:'男'
      }
    } ,
    // 简单接受
    // props:['name', 'sex', 'age'], 
    // 接受的同时对数据进行类型限制。
    /*props:{
      name:String,
      age:Number,
      sex:String
    }*/
    // 接受的同时对数据进行类型限制,必要性限制,默认值指定。
    props:{
      name:{
        type:String,
        required:true,
      },
      age:{
        type:Number,
        default:99
      },
      sex:{
        type:String,
        required:true
      }
    }
  } 
</script>
